<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝列表页</title>
    <link rel="stylesheet" href="../css/list.css">
</head>

<body>
    <!-- 这里是导航栏 -->
    <header>
        <div class="nav">
            <div class="navBox">
                <ul class="loginBox">
                    <li class="active ind">亲,请登录</li>
                    <li><a href="./register.html">免费注册</a></li>
                    <li>手机逛淘宝</li>
                </ul>
                <div class="loginShadow">
                    <div class="zhezhao"></div>
                    <p class="shadowImag"><span class="outLogin">退出</span><span>用户信息</span></p>
                    <div class="shadowImg"><img src="../images/index/userHead.jpg" alt=""></div>
                    <span class="shadowNick">用户昵称</span>
                    <p class="shadowState">查看你的专属权益</p>
                </div>
                <ul class="navMenu">
                    <li class="active"><a href="./index.html">淘宝网首页</a></li>
                    <li>我的淘宝</li>
                    <li><a href="./cart.html">购物车</a></li>
                    <li>收藏夹</li>
                    <li>商品分类</li>
                    <li>卖家中心</li>
                    <li>联系客服</li>
                    <li>网址导航</li>
                </ul>
            </div>
            <div class="searchBigBox">
                <div class="logo"><img src="../img/list/logo.jpg" alt=""></div>
                <div class="searchBox">
                    <div class="search">
                        <input type="text">
                        <button>搜索</button>
                    </div>
                    <ul>
                        <!-- 此处需要渲染 -->
                    </ul>
                </div>

            </div>
        </div>
    </header>
    <section>
        <div class="top">
            <div class="left">
                <span>价格区间</span>&emsp;
                <input type="text" placeholder="￥">-
                <input type="text" placeholder="￥">
            </div>
        </div>
        <div class="cent"><!-- 这里渲染列表数据 --></div>
        <div class="bott">
            <span>&lt;上一页</span>......
            <span>下一页&gt;</span>
            <span>首页</span>
        </div>
    </section>
    <div class="guess">
        您是不是想找:
        <span>这里渲染数据</span>
    </div>
    
    <!-- <footer>
        <div></div>
        <img src="../images/list/icon1.png" alt="">
        <img src="../images/list/icon2.gif" alt="">
        <img src="../images/list/icon3.png" alt="">
    </footer> -->

    <!-- 引入浮动框架集  frameborder : 框架集边框 -->
    <iframe src="footer.html" style="width:100%;height:300px" name="iframe_a" border="0" marginwidth="0"
        marginheight="0" scrolling="no" allowtransparency="yes" frameborder="0"></iframe>

    <script src="../js/jquery.min.js"></script>
    <script src="../js/utils.js"></script>
    <script src="../js/list.js"></script>
</body>

</html>